<!--
Author: HouJP
Author URL: houjp.com
-->
<!DOCTYPE HTML>
<html>
<head>
<title>EML | Home</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="welcome/css/style.css" rel="stylesheet" type="text/css"
	media="all" />
<link rel="stylesheet" type="text/css" href="index.css"></link>
<link rel="icon" type="image/png" href="favicon.ico">
<script type="text/javascript" src="welcome/js/jquery.min.js"></script>
<!-- start slider -->
<link href="welcome/css/slider.css" rel="stylesheet" type="text/css"
	media="all" />
<link href="welcome/css/bootstrap.css" rel='stylesheet' type='text/css' />
<script type="text/javascript"
	src="welcome/js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="welcome/js/jquery.cslider.js"></script>
<script type="text/javascript">
	$(function() {
		$('#da-slider').cslider();
	});
</script>
<!-- Owl Carousel Assets -->
<link href="welcome/css/owl.carousel.css" rel="stylesheet">
<!-- Owl Carousel Assets -->
<!-- Prettify -->
<script src="welcome/js/owl.carousel.js"></script>
<script>
	$(document).ready(function() {

		$("#owl-demo").owlCarousel({
			items : 4,
			lazyLoad : true,
			autoPlay : true,
			navigation : true,
			navigationText : [ "", "" ],
			rewindNav : false,
			scrollPerPage : false,
			pagination : false,
			paginationNumbers : false,
		});

	});
</script>
<!-- //Owl Carousel Assets -->
<!-- start top_js_button -->
<script type="text/javascript" src="welcome/js/move-top.js"></script>
<script type="text/javascript" src="welcome/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 1200);
		});
	});
</script>

<script type="text/javascript" src="IndexPage/IndexPage.nocache.js"></script>
<link type="text/css" rel="stylesheet" href="Dataflow_generator.css">

<!-- http://www.wise.io/product/support -->
<link href="welcome/css/layout.min.css" rel="stylesheet">
<link href="welcome/css/style.min.css" rel="stylesheet">

</head>
<body>
	<!-- OPTIONAL: include this if you want history support -->
	<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
		style="position: absolute; width: 0; height: 0; border: 0"></iframe>

	<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
	<noscript>
		<div
			style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
			Your web browser must have JavaScript enabled in order for this
			application to display correctly.</div>
	</noscript>

	<!-- start headerView -->
	<div class="header_bg">
		<div class="wrap">
			<div class="headerView">
				<div class="logo">
					<a href="index.html"><img src="welcome/img/EMLLOGO_big.png" alt="" /></a>
				</div>
				
				<div id="bda-accountemail" class="h_account">
				</div>
				<!-- <div class="wrap"> -->
				<!-- <div class="header_sub"> -->
				<div class="h_menu">
					<ul>
						<li><a href="EMLStudioDesigner.html">首页</a></li>
						<li><a href="EMLStudioDesigner.html">产品</a></li>
						<li class="active"><a href="EMLStudioDesigner.html">关于</a></li>
					</ul>
				</div>

				<div class="h_menu_login">
					<ul>
						<li><a href="EMLStudioDesigner.html">登录</a></li>
					</ul>
				</div>
				
				<div class="clear"></div>
			</div>
			<!-- </div> -->
			<!-- </div> -->


			<div class="clear"></div>
		</div>
	</div>

	

	<!-- start main -->	

	<!-- start ad -->
	<div class="banner banner1" id="home">
		<div class="banner-main">
			<div class="container">	
				<div class="banner-top bnr-top">
					<h1>计算，为了无法计算的价值</h1>
				</div>
			</div>
		</div>
	</div>	

	<!--start-about-->
	<div class="about">
		<div class="container">
			<div class="about-top">
				<h3>few words about us ..</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur posuere, quam at lacinia fermentum, libero erat aliquam est, vitae ornare neque dolor eget metus. Mauris imperdiet neque sed libero auctor faucibus. Quisque ac varius risus. Quisque sem sem, porttitor et malesuada vel, dignissim et ligula. </p>
			</div>	
				<div class="about-bottom">
					<div class="col-md-6 about-left">
						<p>Vestibulum accumsan eros non eros vehicula aliquet. Cras egestas ornare libero, at varius tortor auctor ac. Pellen-tesque quis turpis dui. Fusce bibendum, orci non pulvinar porta, lacus mi facilisis leo, vitae blandit elit elit id odio. Maecenas sed luctus risus, a molestie sapien. Nulla sit amet purus justo. Cras pretium eleifend dolor, in porta nunc sodales et. </p>
					</div>
					<div class="col-md-6 about-left">
						<p>Vestibulum accumsan eros non eros vehicula aliquet. Cras egestas ornare libero, at varius tortor auctor ac. Pellen-tesque quis turpis dui. Fusce bibendum, orci non pulvinar porta, lacus mi facilisis leo, vitae blandit elit elit id odio. Maecenas sed luctus risus, a molestie sapien. Nulla sit amet purus justo. Cras pretium eleifend dolor, in porta nunc sodales et. </p>
					</div>
					<div class="clearfix"></div>
				</div>
		</div>
	</div>
	<!--end-about-->

<!--start-chrono-->
	<div class="chrono">
		<div class="container">
			<div class="chrono-main">
				<h3>发展历程</h3>
				<div class="chrono-bottom">
					<ul>
						<li class="cr1"><i></i><span> </span>
							<div class="mnth1">
								<p>OCTOBER</p>
								<h6>2009</h6>
							</div>
							<div class="crn crn1">
								<p>Planeto was born to make internet a better place!</p>
								<img src="welcome/img/d-arw.png" alt="" />
							</div>
						</li>
						<li class="cr2"><i></i><span> </span>
							<div class="mnth2">
								<p>MARCH</p>
								<h6>2010</h6>
							</div>
							<div class="crn crn2">
								<p>Planeto was born to make internet a better place!</p>
								<img src="welcome/img/d-arw.png" alt="" />							
							</div>
						</li>
						<li class="cr3"><i></i><span> </span>
							<div class="mnth3">
								<p>MARCH</p>
								<h6>2011</h6>
							</div>
							<div class="crn crn3">
								<p>Planeto was born to make internet a better place!</p>
								<img src="welcome/img/d-arw.png" alt="" />
							</div>
						</li>
						<li class="cr4"><i></i><span> </span>
							<div class="mnth4">
								<p>MARCH</p>
								<h6>2011</h6>
							</div>
							<div class="crn crn4">
								<p>Planeto was born to make internet a better place!</p>
								<img src="welcome/img/d-arw.png" alt="" />
							</div>
						</li>
						<li class="cr5"><i></i><span> </span>
							<div class="mnth5">
								<p>MARCH</p>
								<h6>2012</h6>
							</div>
							<div class="crn crn5">
								<p>Planeto was born to make internet a better place!</p>
								<img src="welcome/img/d-arw.png" alt="" />
							</div>
						</li>
						<li class="cr6"><i></i>
							<div class="mnth6">
								<p>MARCH</p>
								<h6>2013</h6>
							</div>
							<div class="crn crn6">
								<p>Planeto was born to make internet a better place!</p>
								<img src="welcome/img/d-arw.png" alt="" />
							</div>
						</li>
					</ul>
				</div>
			
			</div>
		</div>
	</div>
	<!--end-chrono-->

<!--start-team-->
	<div class="team">
		<div class="container">
			<div class="team-top">
				<h3>planeto dream team</h3>
			</div>
			<div class="team-main">
				<div class="team-one">
					<div class="col-md-3 team-left">
						<img src="welcome/img/team-1.png" alt="" />
					</div>
					<div class="col-md-3 team-left">	
						<div class="team-text">
							<span>CEO / 研究员</span>
							<h4>徐君</h4>
							<ul>
								<li><a href="#">EMAIL</a> <label> </label></li>
								<li><a href="#">FACEBOOK</a> <label> </label></li>
								<li><a href="#">TWITTER</a></li>
							</ul>
						</div>
					</div>	
					<div class="col-md-6 team-right">
						<p>Nulla tincidunt adipiscing aliquet. Suspendisse vitae mi at diam tempus imperdiet. Aliquam erat volutpat. Duis pharetra nibh sit amet augue porta, quis mattis massa aliquet. Morbi in consectetur ipsum rhoncus risus. Pellentesque quam felis, vulte.</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="team-one">
					<div class="col-md-3 team-left">
						<img src="welcome/img/team-2.png" alt="" />
					</div>
					<div class="col-md-3 team-left">	
						<div class="team-text">
							<span>CTO / 老师</span>
							<h4>晏小辉</h4>
							<ul>
								<li><a href="#">EMAIL</a> <label> </label></li>
								<li><a href="#">FACEBOOK</a> <label> </label></li>
								<li><a href="#">TWITTER</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 team-right">
						<p>Nulla tincidunt adipiscing aliquet. Suspendisse vitae mi at diam tempus imperdiet. Aliquam erat volutpat. Duis pharetra nibh sit amet augue porta, quis mattis massa aliquet. Morbi in consectetur ipsum rhoncus risus. Pellentesque quam felis, vulte.</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="team-one">
					<div class="col-md-3 team-left">
						<img src="welcome/img/team-3.png" alt="" />
					</div>
					<div class="col-md-3 team-left">	
						<div class="team-text">
							<span>系统工程师 / 学生</span>
							<h4>郭天佑</h4>
							<ul>
								<li><a href="#">EMAIL</a> <label> </label></li>
								<li><a href="#">FACEBOOK</a> <label> </label></li>
								<li><a href="#">TWITTER</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 team-right">
						<p>Nulla tincidunt adipiscing aliquet. Suspendisse vitae mi at diam tempus imperdiet. Aliquam erat volutpat. Duis pharetra nibh sit amet augue porta, quis mattis massa aliquet. Morbi in consectetur ipsum rhoncus risus. Pellentesque quam felis, vulte.</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="team-one">
					<div class="col-md-3 team-left">
						<img src="welcome/img/team-4.png" alt="" />
					</div>
					<div class="col-md-3 team-left">	
						<div class="team-text">
							<span>算法工程师 / 学生</span>
							<h4>侯建鹏</h4>
							<ul>
								<li><a href="#">EMAIL</a> <label> </label></li>
								<li><a href="#">FACEBOOK</a> <label> </label></li>
								<li><a href="#">TWITTER</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 team-right">
						<p>Nulla tincidunt adipiscing aliquet. Suspendisse vitae mi at diam tempus imperdiet. Aliquam erat volutpat. Duis pharetra nibh sit amet augue porta, quis mattis massa aliquet. Morbi in consectetur ipsum rhoncus risus. Pellentesque quam felis, vulte.</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="team-one">
					<div class="col-md-3 team-left">
						<img src="welcome/img/team-4.png" alt="" />
					</div>
					<div class="col-md-3 team-left">	
						<div class="team-text">
							<span>算法工程师 / 学生</span>
							<h4>李萍</h4>
							<ul>
								<li><a href="#">EMAIL</a> <label> </label></li>
								<li><a href="#">FACEBOOK</a> <label> </label></li>
								<li><a href="#">TWITTER</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 team-right">
						<p>Nulla tincidunt adipiscing aliquet. Suspendisse vitae mi at diam tempus imperdiet. Aliquam erat volutpat. Duis pharetra nibh sit amet augue porta, quis mattis massa aliquet. Morbi in consectetur ipsum rhoncus risus. Pellentesque quam felis, vulte.</p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="team-one">
					<div class="col-md-3 team-left">
						<img src="welcome/img/team-4.png" alt="" />
					</div>
					<div class="col-md-3 team-left">	
						<div class="team-text">
							<span>系统工程师 / 学生</span>
							<h4>李朝辉</h4>
							<ul>
								<li><a href="#">EMAIL</a> <label> </label></li>
								<li><a href="#">FACEBOOK</a> <label> </label></li>
								<li><a href="#">TWITTER</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 team-right">
						<p>Nulla tincidunt adipiscing aliquet. Suspendisse vitae mi at diam tempus imperdiet. Aliquam erat volutpat. Duis pharetra nibh sit amet augue porta, quis mattis massa aliquet. Morbi in consectetur ipsum rhoncus risus. Pellentesque quam felis, vulte.</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			
			<!-- <div class="team-msg">
				<div class="col-md-7 team-msg-left">
					<p>Wanna be part of planeto’s dream team?</p>
				</div>
				<div class="col-md-5 team-msg-right">
					<a href="contact.html">SEND US MESSAGE</a>
				</div>
				<div class="clearfix"></div>
			</div> -->
		</div>
	</div>
	<!--end-team-->



	<!-- start footer -->
	<div class="footer_bg1">
		<div class="wrap">
			<div class="footer">
				<!-- scroll_top_btn -->
				<script type="text/javascript">
					$(document).ready(function() {

						var defaults = {
							containerID : 'toTop', // fading element id
							containerHoverID : 'toTopHover', // fading element hover id
							scrollSpeed : 1200,
							easingType : 'linear'
						};

						$().UItoTop({
							easingType : 'easeOutQuart'
						});

					});
				</script>
				<a href="#" id="toTop" style="display: block;"><span
					id="toTopHover" style="opacity: 1;"></span></a>
				<!--end scroll_top_btn -->
				<div class="copy">
					<p>
						&copy; All rights reserved | 中国科学院网络数据科学与技术重点实验室·大数据分析小组
					</p>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</body>
</html>
